﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Signup.aspx.cs" Inherits="Project.Signup" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="registerForm">
        <form id="register" action="" method="post" accept-charset="UTF-8">

        </form>
        <asp:Label ID="Label5" runat="server" Text="Register" Font-Bold="True" 
            Font-Size="18pt"></asp:Label>
        <br />
        <br />
        <table style="width: 58%">
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    <asp:Label ID="Label1" runat="server" Text="Username"></asp:Label>
                </td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    <asp:TextBox ID="tbUsername" runat="server" class="required"></asp:TextBox>
                </td>
                <td style="width: 172px">                   
                   
                    
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="tbUsername" ErrorMessage="User Name is required." 
                        SetFocusOnError="True" ToolTip="User Name is required.">User Name is required.</asp:RequiredFieldValidator>
                   
                    
                </td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    <asp:Label ID="Label2" runat="server" Text="Name"></asp:Label>
                </td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    <asp:TextBox ID="tbName" runat="server" ></asp:TextBox>
                </td>
                <td style="width: 172px">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                        ControlToValidate="tbName" ErrorMessage="Name is required."></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    <asp:Label ID="Label3" runat="server" Text="Password" class="required"></asp:Label>
                </td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    <asp:TextBox ID="tbPassword" class="tbPasswordValue" runat="server" 
                        TextMode="Password"></asp:TextBox>
                </td>
                <td style="width: 172px">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ErrorMessage="Password is required." ControlToValidate="tbPassword" 
                        ToolTip="Password is required.">Password is required.</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    <asp:Label ID="Label4" runat="server" Text="Confirm password"></asp:Label>
                </td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    <asp:TextBox ID="tbConfirmpassword" runat="server" TextMode="Password"></asp:TextBox>
                </td>
                <td style="width: 172px">
                    <asp:CompareValidator ID="CompareValidator1" runat="server" 
                        ControlToCompare="tbConfirmpassword" ControlToValidate="tbPassword" 
                        ErrorMessage="Password is not match."></asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    &nbsp;</td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    &nbsp;</td>
                <td style="width: 172px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    <asp:Button ID="btnRegister" runat="server" Text="Sign up" 
                        onclick="btnRegister_Click" />
                </td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    &nbsp;</td>
                <td style="width: 172px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td style="width: 109px">
                    &nbsp;</td>
                <td style="width: 32px">
                    &nbsp;</td>
                <td style="width: 172px">
                    <asp:Label ID="lbMes" runat="server" BackColor="#99FF33" Text="Label"></asp:Label>
                </td>
                <td style="width: 172px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 24px">
                    &nbsp;</td>
                <td colspan="4">
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                        ControlToValidate="tbPassword" ErrorMessage="Password must contain at least 8 characters and contain at least an uppercase letter, a lowercase letter and a number." 
                        ValidationExpression="((?=.*[a-z])(?=.*[A-Z])(?=.*[\d]).{8,})" 
                        SetFocusOnError="True"></asp:RegularExpressionValidator>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
